<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        威威快乐2016的
        文章
    </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta name="keywords" content="慕课网，慕课官网，MOOC，移动开发，IT技能培训，免费编程视频，php开发教程，web前端开发，在线编程学习，html5视频教程，css教程，ios开发培训，安卓开发教程" />
    <meta name="description" content="慕课网（IMOOC）是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性，并且你可以和朋友一起编程。" />

    <link rel="stylesheet" href="/Statics/css/ucenter/skin_layer.css" />
    <link rel="stylesheet" href="/Statics/css/base.css" />
    <link rel="stylesheet" href="/Statics/css/common-less.css" />
    <link rel="stylesheet" href="/Statics/css/ucenter/u_common-less.css" />
    <!--<link rel="stylesheet" href="/Statics/css/ucenter/skin_layer.css" />-->
    <!--<link rel="stylesheet" href="/Statics/css/ucenter/skin_layer.css" />-->
    <link rel="stylesheet" href="/Statics/css/ucenter/article-less.css?v=1461734761" type="text/css" />
    <link rel="stylesheet" href="/Statics/css/font-awesome.min.css" type="text/css" />
</head>
<body >
<!--头部-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--header-->
    <div id="header">

        <div class="page-container" id="nav">
            <div id="logo" class="logo"><a href="/" target="_self" class="hide-text">微客教育网</a></div>


            <button type="button" class="navbar-toggle visible-xs-block js-show-menu" >
                <i class="icon-menu"></i>
            </button>
            <!--未登录时显示-->
            <ul class="nav-item">
                <!--<li class="set-btn visible-xs-block"><a href="/user/newlogin" target="_self">登录</a> / <a href="/user/newsignup" target="_self">注册</a></li>-->
                <li>
                    <a href="<?php echo U('Course/index');?>"  target="_self">课程</a>
                </li>
                <li><a href="<?php echo U('Wenda/index');?>" class="active" target="_self">猿问</a></li>
                <li><a href="<?php echo U('Shouji/index');?>" target="_self">手记</a></li>
            </ul>
            <!--登录注册 未登录才显示 start-->
            <!--<div id="login-area">-->
            <!--<ul class="header-unlogin clearfix">-->
            <!--<li class="header-signin">-->
            <!--<a href="#" id="js-signin-btn">登录</a>-->
            <!--</li>-->
            <!--<li class="header-signup">-->
            <!--<a href="#" id="js-signup-btn">注册</a>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--登录注册 未登录才显示 end-->

            <!--已登录才显示-->
            <div id="login-area">
                <ul class="clearfix logined">
                    <li class="set_btn user-card-box">
                        <a id="header-avator" class="user-card-item" action-type="my_menu" href="/u/3224635/courses"
                           target="_self"><img src='http://img.mukewang.com/user/545862aa0001f8da02200220-40-40.jpg'
                                               width='40' height='40'/>
                            <i class="myspace_remind" style="display: none;"></i>
                            <span style="display: none;">动态提醒</span>
                        </a>
                        <div class="g-user-card">
                            <div class="card-inner">
                                <div class="card-top">
                                    <a href="<?php echo U('Ucenter/index');?>"><img
                                            src="http://img.mukewang.com/545862aa0001f8da02200220-100-100.jpg"
                                            alt="慕粉3224635" class="l"></a>
                                    <a href="<?php echo U('Ucenter/index');?>"><span class="name text-ellipsis">慕粉3224635</span></a>
                                    <p class="meta">
                                        <a href="<?php echo U('Ucenter/experience');?>">经验<b id="js-user-mp">40</b></a>
                                        <a href="<?php echo U('Ucenter/credit');?>">积分<b id="js-user-credit">0</b></a>
                                    </p>

                                    <!--<a href="<?php echo U('Ucenter/setprofile');?>" class='icon-set setup'></a>-->
                                    <a href="<?php echo U('Ucenter/setprofile');?>" class='icon-set setup'>
                                        <i class="fa fa-cog"></i>
                                    </a>

                                </div>
                                <!--
                                <div class="card-links">
                                    <a href="/space/index" class="my-mooc l">我的慕课<i class="dot-update"></i></a>
                                    <span class="split l"></span>
                                    <a href="/myclub/myquestion/t/ques" class="my-sns l">我的社区</a>
                                </div>
                                -->
                                <div class="card-history">
                                    <span class="history-item">
                                        <span class="tit text-ellipsis">响应式布局</span>
                                        <span class="media-name text-ellipsis">1-4 设计原则</span>
                                        <i class="icon-clock"></i>
                                        <a href="<?php echo U('Course/play?vid=494');?>" class="continue">继续</a>
                                    </span>
                                </div>
                                <div class="card-sets clearfix">
                                    <a href="<?php echo U('Wenda/question');?>" target="_blank" class="l mr30">发问题</a>
                                    <a href="<?php echo U('Shouji/write');?>" target="_blank" class="l">写文章</a>
                                    <a href="/passport/user/logout?referer=http://www.imooc.com" class="r">退出</a>
                                </div>
                            </div>
                            <i class="card-arr"></i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

<!--主要部分-->
<div id="main">
    <!--会员信息-->
    <!-- .big-pic start -->
    <div class="big-pic">
        <!-- .user-info start -->
        <div class="user-info">
            <h3 class="user-name clearfix">
                <span>威威快乐2016</span>
            </h3>
            <!--25-->
            <p class="about-info">
                <span class='gender ' title='男'></span>
                北京
                PHP开发工程师
            </p>
            <p class="user-desc">Hello 牛人 ！</p>
            <!--.study-info start-->
            <div class="study-info clearfix">
                <div class="item study-time">
                    <em> 7小时55分</em><span>学习时长</span>
                </div>
                <div class="item integral">
                    <a href="<?php echo U('Ucenter/credit');?>"><em>3</em><span>赚取积分</span></a>

                </div>
                <div class="item experience">
                    <a href="<?php echo U('Ucenter/experience');?>"><em>94</em><span>获得经验</span></a>
                </div>
            </div>
            <!--.study-info end-->
        </div>
        <!-- .user-info end -->
    </div>
    <!-- .big-pic end -->
    <!-- .wrap start-->
    <div class="wrap">
        <!-- .slider start -->
        <div class="slider">
            <!--user-pic-big start-->
            <div class="user-pic">
                <div class="user-pic-bg"></div>
                <img class='img' src="http://img.mukewang.com/5715d9050001b7f701220120-200-200.jpg" alt=""/>
                <div class="set-btn"><a href="<?php echo U('Ucenter/setprofile');?>"><i class="icon-set"></i></a></div>
            </div>
            <!--user-pic-big end-->

            <ul>
                <li><a href="<?php echo U('Ucenter/index');?>" ><i class="icon-tick"></i><span>课程</span><b class="icon-drop_right"></b></a></li>
                <li><a href="<?php echo U('Ucenter/wenda');?>" ><i class="icon-yuanwen"></i><span>猿问</span><b class="icon-drop_right"></b></a></li>
                <li><a href="<?php echo U('Ucenter/shouji');?>" class="active"><i class="icon-blog"></i><span>手记</span><b class="icon-drop_right"></b></a></li>
            </ul>
        </div>
        <!-- .slider end -->
        <!-- .container start -->
        <div class="u-container">
            <!--我的文章即手记-->
            <div id='articleMain' class='article-main'>
                <ul class="clearfix toptab">
                    <li class="tabactive">
                        <!--<a href="/u/3223822/articles">我的文章</a>-->
                        <a href="<?php echo U('Ucenter/index');?>">我的文章</a>
                    </li>
                    <li class="">
                        <!--<a href="/u/3223822/articles?type=collect">我的收藏</a>-->
                        <a href="<?php echo U('Ucenter/index');?>">我的收藏</a>
                    </li>
                    <li class="">
                        <a href="/u/3223822/articles?type=praise">我的推荐</a>
                    </li>
                    <li class="">
                        <a href="/u/3223822/articles?type=comment">我的评论</a>
                    </li>
                    <a href="<?php echo U('Shouji/write');?>" target="_blank" class="wanna-build">写文章</a>
                </ul>
                <!--我的文章-->
                <div id='articlesList' class='articles-list'>
                    <div class="list-item article-item ">
                        <h3 class="item-title">
                            <a target="_blank" href="<?php echo U('Shouji/details');?>" class="title-detail">
                                Thinkphp框架的浅析理解
                            </a>
                  <span class="status-review">
                    审核中
                  </span>
                        </h3>
                        <div class="share-box clearfix">
                            <div class="show-btn">
                                <i class="icon-down2">
                                </i>
                            </div>
                            <div class="share-box-con">
                                <div class="bdsharebuttonbox" data-tag="share_7143" data-article-id="7143">
                                    <a class="bds bds_weixin icon-share-weichat" data-cmd="weixin" title="分享到微信">
                                    </a>
                                    <a class="bds bds_tsina icon-share-weibo" data-cmd="tsina" title="分享到新浪微博">
                                    </a>
                                    <a class="bds bds_qzone icon-share-qq" data-cmd="qzone" title="分享到QQ空间"
                                       href="#">
                                    </a>
                                    <a class="edit" title='' data-article-id="7143" title="编辑" target="_blank"
                                       href="/article/edit/id/7143">
                                        <i class="icon-edit">
                                        </i>
                                    </a>
                                </div>
                            </div>
                            <!-- .share-box-con end -->
                        </div>
                        <!-- .share-box end -->
                        <!-- text -->
                        <div class="">
                            <!-- <p class="item-bd">1.ThinkPHP:框架 Smarty：模板引擎：将PHP代码与HTML代码分离 MVC：设计思想，地基 ThinkPHP：框架 毛坯房 二次开发（PHPCMS，ECshop）：精装房 ThinkPHP： Application：应用 Common：网站的公共目录 Common：放置的自定义函数文件（函数文件的名字叫function.php）供所有的（前台和后台）都可以使用的函数 Conf：配置文件 Home:前...<a class="read-more" target="_blank" href="/article/7143">[查看全文]</a></p> -->
                            <p class="item-bd">
                                1.ThinkPHP:框架 Smarty：模板引擎：将PHP代码与HTML代码分离 MVC：设计思想，地基 ThinkPHP：框架 毛坯房
                                二次开发（PHPCMS，ECshop）：精装房 ThinkPHP： Application：应用 Common：网站的公共目录 Common：放置的自定义函数文件（函数文件的名字叫function.php）供所有的（前台和后台）都可以使用的函数
                                Conf：配置文件 Home:前...
                            </p>
                        </div>
                        <div class="item-btm clearfix">
                            <ul class="l left-info">
                                <li class="pass-time">
                      <span>
                        31分钟前
                      </span>
                                </li>
                            </ul>
                            <div class="r right-info">
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline">
                                    </i>
                                    <em>
                                        1浏览
                                    </em>
                                </div>
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline">
                                    </i>
                                    <em>
                                        0推荐
                                    </em>
                                </div>
                                <div class=" l">
                                    <i class="icon sns-comment">
                                    </i>
                                    <em>
                                        0评论
                                    </em>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 分页 -->
                </div>
                <div id="pagenation" class="pagenation">
                </div>
                <!--//我的收藏-->
                <div id='articlesList' class='articles-list'>
                    <div class="list-item article-item ">
                        <h3 class="item-title">
                            <a target="_blank" href="/article/7055" class="title-detail">
                                粥粥笔记（一）：DOM事件
                            </a>
                        </h3>
                        <div class="share-box clearfix">
                            <div class="show-btn">
                                <i class="icon-down2">
                                </i>
                            </div>
                            <div class="share-box-con">
                                <div class="bdsharebuttonbox" data-tag="share_7055" data-article-id="7055">
                                    <a class="bds bds_weixin icon-share-weichat" data-cmd="weixin" title="分享到微信">
                                    </a>
                                    <a class="bds bds_tsina icon-share-weibo" data-cmd="tsina" title="分享到新浪微博">
                                    </a>
                                    <a class="bds bds_qzone icon-share-qq" data-cmd="qzone" title="分享到QQ空间"
                                       href="#">
                                    </a>
                                </div>
                            </div>
                            <!-- .share-box-con end -->
                        </div>
                        <!-- .share-box end -->
                        <!-- text -->
                        <div class="">
                            <!-- <p class="item-bd">在网页中，我们的动作，例如鼠标滑过、点击都是事件。在浏览器中我们发生动作，随之产生事件流，也就是说点击一个按钮时浏览器会认为我们也点击了这个按钮所在的容器，甚至是整个页面（浏览器逐级接收事件），IE和Netscape对于事件流顺序的定义分别是事件冒泡流和事件捕获流。事件冒泡：从最具体的节点到最不具体的节点（也可以是文档，从发生动...<a class="read-more" target="_blank" href="/article/7055">[查看全文]</a></p> -->
                            <p class="item-bd">
                                在网页中，我们的动作，例如鼠标滑过、点击都是事件。在浏览器中我们发生动作，随之产生事件流，也就是说点击一个按钮时浏览器会认为我们也点击了这个按钮所在的容器，甚至是整个页面（浏览器逐级接收事件），IE和Netscape对于事件流顺序的定义分别是事件冒泡流和事件捕获流。事件冒泡：从最具体的节点到最不具体的节点（也可以是文档，从发生动...
                            </p>
                        </div>
                        <div class="item-btm clearfix">
                            <ul class="l left-info">
                                <li class="hd-pic">
                                    <a class="publisher-name" href="/u/2875413/articles" target="_blank">
                                        玉米南瓜粥
                                    </a>
                                </li>
                                <li class="pass-time">
          <span>
            4天前
          </span>
                                </li>
                            </ul>
                            <div class="r right-info">
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline">
                                    </i>
                                    <em>
                                        249浏览
                                    </em>
                                </div>
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline">
                                    </i>
                                    <em>
                                        5推荐
                                    </em>
                                </div>
                                <div class=" l">
                                    <i class="icon sns-comment">
                                    </i>
                                    <em>
                                        1评论
                                    </em>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="list-item article-item clearfix">
                        <h3 class="item-title">
                            <a target="_blank" href="/article/7053" class="title-detail">
                                你不知道的javascript---初识作用域
                            </a>
      <span class="original">
        原创
      </span>
                        </h3>
                        <div class="share-box clearfix">
                            <div class="show-btn">
                                <i class="icon-down2">
                                </i>
                            </div>
                            <div class="share-box-con">
                                <div class="bdsharebuttonbox" data-tag="share_7053" data-article-id="7053">
                                    <a class="bds bds_weixin icon-share-weichat" data-cmd="weixin" title="分享到微信">
                                    </a>
                                    <a class="bds bds_tsina icon-share-weibo" data-cmd="tsina" title="分享到新浪微博">
                                    </a>
                                    <a class="bds bds_qzone icon-share-qq" data-cmd="qzone" title="分享到QQ空间"
                                       href="#">
                                    </a>
                                </div>
                            </div>
                            <!-- .share-box-con end -->
                        </div>
                        <!-- .share-box end -->
                        <!-- img -->
                        <div class="item-img l">
                            <a target="_blank" href="/article/7053" data-pic="5720de710001002e13660768">
                                <img src='http://img.mukewang.com/5720de710001002e13660768-210-130.jpg'
                                     width='210' height='130' />
                            </a>
                        </div>
                        <!-- text -->
                        <div class="item-txt l">
                            <!-- <p class="item-bd">作为程序猿，一定要在没事的时候多出去走走，说不定哪天就偶遇了，不然整天宅，那我们一身的技术怎么跟妹子们展示呢， 哈哈，切入正题，就在我准备偶遇妹子的时候，，却在图书馆偶遇了------ 你不知道的javascript，作者：Kyle Simpson 下面是我的一些笔记，希望和大家交流，，(如果有错误希望大家提出)； 作用域是什么 在程序中我们需要...<a class="read-more" target="_blank" href="/article/7053">[查看全文]</a></p> -->
                            <p class="item-bd">
                                作为程序猿，一定要在没事的时候多出去走走，说不定哪天就偶遇了，不然整天宅，那我们一身的技术怎么跟妹子们展示呢， 哈哈，切入正题，就在我准备偶遇妹子的时候，，却在图书馆偶遇了------
                                你不知道的javascript，作者：Kyle Simpson 下面是我的一些笔记，希望和大家交流，，(如果有错误希望大家提出)； 作用域是什么
                                在程序中我们需要...
                            </p>
                        </div>
                        <div class="item-btm clearfix">
                            <ul class="l left-info">
                                <li class="hd-pic">
                                    <a class="publisher-name" href="/u/432223/articles" target="_blank">
                                        王小仙
                                    </a>
                                </li>
                                <li class="ismooc" title="慕星人">
                                </li>
                                <li class="pass-time">
          <span>
            4天前
          </span>
                                </li>
                            </ul>
                            <div class="r right-info">
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline">
                                    </i>
                                    <em>
                                        616浏览
                                    </em>
                                </div>
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline">
                                    </i>
                                    <em>
                                        7推荐
                                    </em>
                                </div>
                                <div class=" l">
                                    <i class="icon sns-comment">
                                    </i>
                                    <em>
                                        3评论
                                    </em>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 分页 -->
                </div>
                <div id="pagenation" class="pagenation">
                </div>
                <!--我的推荐-->
                <div id='articlesList' class='articles-list'>
                    <div class="list-item article-item ">
                        <h3 class="item-title">
                            <a target="_blank" href="/article/7055" class="title-detail">粥粥笔记（一）：DOM事件</a>
                        </h3>
                        <div class="share-box clearfix">
                            <div class="show-btn"><i class="icon-down2"></i></div>
                            <div class="share-box-con">
                                <div class="bdsharebuttonbox" data-tag="share_7055" data-article-id="7055">
                                    <a class="bds bds_weixin icon-share-weichat" data-cmd="weixin" title="分享到微信"></a>
                                    <a class="bds bds_tsina icon-share-weibo" data-cmd="tsina" title="分享到新浪微博"></a>
                                    <a class="bds bds_qzone icon-share-qq" data-cmd="qzone" title="分享到QQ空间" href="#"></a>
                                </div>
                            </div><!-- .share-box-con end -->
                        </div><!-- .share-box end -->
                        <!-- text -->
                        <div class="">

                            <!-- <p class="item-bd">在网页中，我们的动作，例如鼠标滑过、点击都是事件。在浏览器中我们发生动作，随之产生事件流，也就是说点击一个按钮时浏览器会认为我们也点击了这个按钮所在的容器，甚至是整个页面（浏览器逐级接收事件），IE和Netscape对于事件流顺序的定义分别是事件冒泡流和事件捕获流。事件冒泡：从最具体的节点到最不具体的节点（也可以是文档，从发生动...<a class="read-more" target="_blank" href="/article/7055">[查看全文]</a></p> -->
                            <p class="item-bd">在网页中，我们的动作，例如鼠标滑过、点击都是事件。在浏览器中我们发生动作，随之产生事件流，也就是说点击一个按钮时浏览器会认为我们也点击了这个按钮所在的容器，甚至是整个页面（浏览器逐级接收事件），IE和Netscape对于事件流顺序的定义分别是事件冒泡流和事件捕获流。事件冒泡：从最具体的节点到最不具体的节点（也可以是文档，从发生动...</p>


                        </div>
                        <div class="item-btm clearfix">
                            <ul class="l left-info">
                                <li class="hd-pic">
                                    <a class="publisher-name" href="/u/2875413/articles" target="_blank">玉米南瓜粥</a>
                                </li>
                                <li class="pass-time"><span>4天前</span></li>
                            </ul>

                            <div class="r right-info">
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline"></i><em> 249浏览</em>
                                </div>
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline"></i><em> 5推荐</em>
                                </div>
                                <div class=" l">
                                    <i class="icon sns-comment"></i><em> 1评论</em>
                                </div>

                            </div>

                        </div>
                    </div>
                    <div class="list-item article-item clearfix">
                        <h3 class="item-title">
                            <a target="_blank" href="/article/7053" class="title-detail">你不知道的javascript---初识作用域</a>
                            <span class="original">原创</span>
                        </h3>
                        <div class="share-box clearfix">
                            <div class="show-btn"><i class="icon-down2"></i></div>
                            <div class="share-box-con">
                                <div class="bdsharebuttonbox" data-tag="share_7053" data-article-id="7053">
                                    <a class="bds bds_weixin icon-share-weichat" data-cmd="weixin" title="分享到微信"></a>
                                    <a class="bds bds_tsina icon-share-weibo" data-cmd="tsina" title="分享到新浪微博"></a>
                                    <a class="bds bds_qzone icon-share-qq" data-cmd="qzone" title="分享到QQ空间" href="#"></a>
                                </div>
                            </div><!-- .share-box-con end -->
                        </div><!-- .share-box end -->
                        <!-- img -->
                        <div class="item-img l">
                            <a target="_blank" href="/article/7053" data-pic="5720de710001002e13660768">
                                <img src='http://img.mukewang.com/5720de710001002e13660768-210-130.jpg' width='210' height='130' />
                            </a>
                        </div>
                        <!-- text -->
                        <div class="item-txt l">

                            <!-- <p class="item-bd">作为程序猿，一定要在没事的时候多出去走走，说不定哪天就偶遇了，不然整天宅，那我们一身的技术怎么跟妹子们展示呢， 哈哈，切入正题，就在我准备偶遇妹子的时候，，却在图书馆偶遇了------ 你不知道的javascript，作者：Kyle Simpson 下面是我的一些笔记，希望和大家交流，，(如果有错误希望大家提出)； 作用域是什么 在程序中我们需要...<a class="read-more" target="_blank" href="/article/7053">[查看全文]</a></p> -->
                            <p class="item-bd">作为程序猿，一定要在没事的时候多出去走走，说不定哪天就偶遇了，不然整天宅，那我们一身的技术怎么跟妹子们展示呢， 哈哈，切入正题，就在我准备偶遇妹子的时候，，却在图书馆偶遇了------ 你不知道的javascript，作者：Kyle Simpson 下面是我的一些笔记，希望和大家交流，，(如果有错误希望大家提出)； 作用域是什么 在程序中我们需要...</p>


                        </div>
                        <div class="item-btm clearfix">
                            <ul class="l left-info">
                                <li class="hd-pic">
                                    <a class="publisher-name" href="/u/432223/articles" target="_blank">王小仙</a>
                                </li>
                                <li class="ismooc" title="慕星人"></li>
                                <li class="pass-time"><span>4天前</span></li>
                            </ul>

                            <div class="r right-info">
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline"></i><em> 616浏览</em>
                                </div>
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline"></i><em> 7推荐</em>
                                </div>
                                <div class=" l">
                                    <i class="icon sns-comment"></i><em> 3评论</em>
                                </div>

                            </div>

                        </div>
                    </div>

                    <!-- 分页 -->
                </div>
                <div id="pagenation" class="pagenation"></div>
                <!--我的评论-->
                <div id='articlesList' class='articles-list'>
                    <div class="list-item article-item clearfix">
                        <h3 class="item-title">
                            <a target="_blank" href="/article/7053" class="title-detail">你不知道的javascript---初识作用域</a>
                            <span class="original">原创</span>
                        </h3>
                        <div class="share-box clearfix">
                            <div class="show-btn"><i class="icon-down2"></i></div>
                            <div class="share-box-con">
                                <div class="bdsharebuttonbox" data-tag="share_7053" data-article-id="7053">
                                    <a class="bds bds_weixin icon-share-weichat" data-cmd="weixin" title="分享到微信"></a>
                                    <a class="bds bds_tsina icon-share-weibo" data-cmd="tsina" title="分享到新浪微博"></a>
                                    <a class="bds bds_qzone icon-share-qq" data-cmd="qzone" title="分享到QQ空间" href="#"></a>
                                </div>
                            </div><!-- .share-box-con end -->
                        </div><!-- .share-box end -->
                        <!-- img -->
                        <div class="item-img l">
                            <a target="_blank" href="/article/7053" data-pic="5720de710001002e13660768">
                                <img src='http://img.mukewang.com/5720de710001002e13660768-210-130.jpg' width='210' height='130' />
                            </a>
                        </div>
                        <!-- text -->
                        <div class="item-txt l">

                            <!-- <p class="item-bd">作为程序猿，一定要在没事的时候多出去走走，说不定哪天就偶遇了，不然整天宅，那我们一身的技术怎么跟妹子们展示呢， 哈哈，切入正题，就在我准备偶遇妹子的时候，，却在图书馆偶遇了------ 你不知道的javascript，作者：Kyle Simpson 下面是我的一些笔记，希望和大家交流，，(如果有错误希望大家提出)； 作用域是什么 在程序中我们需要...<a class="read-more" target="_blank" href="/article/7053">[查看全文]</a></p> -->
                            <p class="item-bd">作为程序猿，一定要在没事的时候多出去走走，说不定哪天就偶遇了，不然整天宅，那我们一身的技术怎么跟妹子们展示呢， 哈哈，切入正题，就在我准备偶遇妹子的时候，，却在图书馆偶遇了------ 你不知道的javascript，作者：Kyle Simpson 下面是我的一些笔记，希望和大家交流，，(如果有错误希望大家提出)； 作用域是什么 在程序中我们需要...</p>


                        </div>
                        <div class="item-btm clearfix">
                            <ul class="l left-info">
                                <li class="hd-pic">
                                    <a class="publisher-name" href="/u/432223/articles" target="_blank">王小仙</a>
                                </li>
                                <li class="ismooc" title="慕星人"></li>
                                <li class="pass-time"><span>4天前</span></li>
                            </ul>

                            <div class="r right-info">
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline"></i><em> 616浏览</em>
                                </div>
                                <div class="favorite l">
                                    <i class="icon sns-thumb-up-outline"></i><em> 7推荐</em>
                                </div>
                                <div class=" l">
                                    <i class="icon sns-comment"></i><em> 3评论</em>
                                </div>

                            </div>

                        </div>
                    </div>

                    <!-- 分页 -->
                </div>
                <div id="pagenation" class="pagenation">
                </div>


                <!--没有任何原创文章显示以下内容-->
<!--<p class='notattend'>你还没有任何原创文章，快去<a href='/article/publish' class='red' target="_blank">发表文章</a>吧</p>-->
</div>
</div>
<!-- .container end -->
</div>
<!-- .wrap end-->
</div>
<!--底部-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--底部-->
    <div id="footer" >
        <div class="waper">
            <div class="footerwaper clearfix">
                <div class="followus r">
                    <a class="followus-weixin" href="javascript:;"  target="_blank" title="微信">
                        <div class="flw-weixin-box"></div>
                    </a>
                    <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="新浪微博"></a>
                    <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ空间"></a>
                </div>
                <div class="footer_intro l">
                    <div class="footer_link">
                        <ul>
                            <li><a href="http://www.imooc.com/" target="_blank">网站首页</a></li>
                            <li><a href="/about/job" target="_blank">人才招聘</a></li>
                            <li> <a href="/about/contact" target="_blank">联系我们</a></li>
                            <li><a href="http://yun.imooc.com/" target="_blank">慕课云</a></li>
                            <li><a href="/corp/index" target="_blank">合作专区</a></li>
                            <li><a href="/about/us" target="_blank">关于我们</a></li>
                            <li> <a href="/about/recruit" target="_blank">讲师招募</a></li>
                            <li> <a href="/user/feedback" target="_blank">意见反馈</a></li>
                            <li> <a href="/about/friendly" target="_blank">友情链接</a></li>
                        </ul>
                    </div>
                    <p>Copyright © 2016 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
                </div>
            </div>
        </div>
    </div>

</body>
</html>
<!--浮动条-->
<div id="J_GotoTop" class="elevator">
    <a class="elevator-weixin" href="javascript:;">
        <div class="elevator-weixin-box">
        </div>
    </a>
    <a class="elevator-msg" href="/user/feedback" target="_blank" id="feedBack"></a>
    <a class="elevator-app" href="http://www.imooc.com/mobile/app" >
        <div class="elevator-app-box">
        </div>
    </a>
    <a class="elevator-top" href="javascript:;" style="display:none" id="backTop"></a>
</div>


<style type="text/css">.myClassList table td dl dd { margin-top:88px } #face_panel { z-index:99999999 }</style>

<div id="layer_sendmsg" class="font-colorg" style="display:none">
    <div class="sendadd">
        <h4>发送好友申请<span class="tipclose"></span></h4>
        <div class="sendcon">
            <textarea class="chatInput" id="textInput" type="text" name="说点什么吧" cols="1"></textarea>
        </div>
        <div class="sendsq">
            <a href="javascript:void(0)" id="sendBtn" class="sendInvite btn btn-green">发送申请</a>
        </div>
    </div>
</div>
<div style="display: none">
</div>
</body>
</html>